<div id="page-inner">
    <div class="panel-body">
        <div class="row">
            <div class="col-md-12">
                <h1 class="page-header">
                    工艺图库 <small>控件管理</small>
                </h1>
            </div>
        </div>
        <div id="toolbar" class="btn-group">
            <button id="btn_add" type="button" class="btn btn-default" data-toggle="modal" data-target="#new_data">
                <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
            </button>
            <button id="btn_edit" type="button" class="btn btn-default">
                <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>编辑
            </button>
            <button id="btn_delete" type="button" class="btn btn-default">
                <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
            </button>
            <button id="btn_return" type="button" class="btn btn-default">
                <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>返回
            </button>
        </div>
        <table id="data_table" class="table-striped table-hover"></table>
    </div>
</div>

<!-- 新增 编辑-->
<div class="modal fade" id="new_data" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title"></h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>控件标签</label>
                    <input class="form-control" type="text" placeholder="" id="id_label">
                </div>
                <div class="form-group">
                    <label>控件类别</label>
                    <input class="form-control" type="text"  placeholder="" id="id_type">
                </div>
                <div class="form-group file1">
                    <label>控件图片选择</label>
                    <input class="form-control" placeholder="" id="id_picture" type="file" accept="image/*">
                </div>
                <div class="form-group " readonly="readonly"  id="id_display">
                    <img width="80" height="80"  src="" alt=""  id="id_img" style="display:none">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="new_data_submit" data-dismiss="modal">提交</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>

<div style="display: none">
    <input class="form-control" type="text" placeholder="" id="id_controltype">
    <input class="form-control" type="text" placeholder="" id="id_id">
    <input class="form-control" type="text" placeholder="" id="id_filetype">
</div>

<script src="pages/js/craft_gallery.js"></script>